<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>收餐</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/main.css?v=1">
</head>
<body>
    <div class="soucan-tab">
        <div><span class="on">待收餐</span></div>
        <div><span>已收餐</span></div>
    </div>
    <!-- 待收餐 -->
    <ul class="dscan-list dis">
        <li>
            <dl>
                <dd><span>周四 11-11</span><em>订单编号：2304035345345334534</em></dd>
                <dd><var>配餐时间</var><span>周四 11-12 12:00-12:20</span></dd>
                <dd><span>香菇滑鸡煲老鸭炖盅套餐 x 1</span></dd>
            </dl>
        </li>
        <li>
            <dl>
                <dd><span>周四 11-11</span><em>订单编号：2304035345345334534</em></dd>
                <dd><var>配餐时间</var><span>周四 11-12 12:00-12:20</span></dd>
                <dd><span>香菇滑鸡煲老鸭炖盅套餐 x 1</span></dd>
            </dl>
        </li>
        <li>
            <dl>
                <dd><span>周四 11-11</span><em>订单编号：2304035345345334534</em></dd>
                <dd><var>配餐时间</var><span>周四 11-12 12:00-12:20</span></dd>
                <dd><span>香菇滑鸡煲老鸭炖盅套餐 x 1</span></dd>
            </dl>
        </li>
        <li>
            <dl>
                <dd><span>周四 11-11</span><em>订单编号：2304035345345334534</em></dd>
                <dd><var>配餐时间</var><span>周四 11-12 12:00-12:20</span></dd>
                <dd><span>香菇滑鸡煲老鸭炖盅套餐 x 1</span></dd>
            </dl>
        </li>
    </ul>

    <!-- 已收餐 -->
    <ul class="dscan-list">
        <li>
            <dl>
                <dd><span>周四 11-11</span><em>订单编号：2304035345345334534</em></dd>
                <dd><span>香菇滑鸡煲老鸭炖盅套餐 x 1</span></dd>
                <dd class="qping"><a href="###">去评价<span></span></a></dd>
            </dl>
        </li>
        <li>
            <dl>
                <dd><span>周四 11-11</span><em>订单编号：2304035345345334534</em></dd>
                <dd><span>香菇滑鸡煲老鸭炖盅套餐 x 1</span></dd>
            </dl>
        </li>
    </ul>
</body>
<script type="text/javascript" src="../js/zepto.min.js"></script>
<script type="text/javascript">
    $('.soucan-tab span').each(function(i,e){
        $(e).click(function(){
            $('.soucan-tab span').removeClass('on');
            $(e).addClass('on');
            $('.dscan-list').hide();
            $('.dscan-list').eq(i).show();
        });
    });
</script>
</html>